<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %>
<%@include file="public.jsp"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="html/text ; charset=UTF-8">
<script type="text/javascript" src="${contextPath}/csair/js/jquery-1.11.1.min.js" charset="UTF-8"></script>
<script type="text/javascript" src="${contextPath}/csair/js/soundmanager2.js" charset="UTF-8"></script>
<script type="text/javascript" src="${contextPath}/csair/js/init.js" charset="UTF-8"></script>
<script type="text/javascript" src="${contextPath}/csair/js/jquery.blockUI.min.js" charset="UTF-8"></script>
<script type="text/javascript" src="${contextPath}/csair/js/public.js" charset="UTF-8"></script>
<script type="text/javascript" src="${contextPath}/csair/js/citiesData.js" charset="UTF-8"></script>
<script type="text/javascript" src="${contextPath}/csair/js/navBlock.js" charset="UTF-8"></script>
<script type="text/javascript" src="${contextPath}/csair/js/change3.js" charset="UTF-8"></script>
<link rel="stylesheet" href="${contextPath}/csair/css/public.css" />
<link rel="stylesheet" href="${contextPath}/csair/css/change3.css" />


<title>变更航班</title>
</head>
<body>
	<div style="width: 1000px; margin: 0 auto; position: relative;">
		<a href="/iac/wca.html" style="float: right;margin-left: 10px; " id="toolbarCtrl" title="点此此处开启低视力人群工具条">开启低视力人群工具条</a>
	<!-- <a href="/iac/toolbar/help.html" style="float: right;" id="toolbarHelp" title="点此查看无障碍帮助和相关设置">无障碍帮助和相关设置</a>-->	

	</div>
	<div class="header">
		<div class="container">
			<img id="logo" src="${contextPath}/csair/img/logo.jpg" alt="标志" />
		</div>
	</div>
<%@include file="nav2.jsp"%>
	<div class="container">
		<div class="flight_sel select_wrap">
			<div class="orderMX">
				
			</div>
			<div class="orderMX">
				<div class="page_title ">
					<h2 class="flight_infoMX_h2">原航班信息</h2>
					<div class="clearboth"></div>
				</div>
				<div class="change">${segstr }</div>
				<div class="flight_infoMX">
					<table>
						<tr>
							<th>航班号</th>
							<th>舱位</th>
							<th>机型</th>
							<th>日期</th>
							<th>出发</th>
							<th>抵达</th>
						</tr>
						<c:forEach items="${orderMXFlihgtInfoList }" var="list">
						<tr>
							<td>${list.flightNo }</td>
							<td>${list.berth }</td>
							<td>${list.type }</td>
							<td>${list.date }</td>
							<td>${list.sendTime }</td>
							<td>${list.arrTime }</td>
						</tr>
						</c:forEach>
					</table>
				</div>
				<div class="change">${detail0 }</div>
			</div>
			<div class="orderMX">
				<div class="page_title ">
					<h2 class="price_infoMX_h2">要变更的旅客信息</h2>
					<div class="clearboth"></div>
				</div>
				<div class="price_infoMX">
					<table>
						<tr>
							<th>序号</th>
							<th>旅客姓名</th>
							<th>旅客类型</th>
							<th>证件类型</th>
							<th>证件号码</th>
							<th>票号</th>
						</tr>
						<c:forEach items="${changeFlihgtInfoList }" var="list">
						<tr>
							<td>${list.xuhao }</td>
							<td>${list.name }</td>
							<td>${list.pType }</td>
							<td>${list.cType }</td>
							<td>${list.num }</td>
							<td>${list.tNum }</td>
						</tr>
						</c:forEach>
					</table>
				</div>
			</div>
			<c:forEach items="${changeFlihgtHBList }" var="list">
			<div class="orderMX" id="${list.xcobxId }">
				<div class="page_title ">
					<h2 class="price_infoMX_h2">选择需要变更的航班</h2>
					<div class="clearboth"></div>
				</div>
				<div class="hangCheng">${list.hangCheng }</div>
				<div class="price_infoMX">
					<table>
						<tr>
							<th>出发/抵达</th>
							<th>航班信息</th>
							<th>头等舱</th>
							<th>公务舱</th>
							<th>明珠经济舱</th>
							<th>商旅易</th>
							<th>悠闲派</th>
							<th>快乐飞</th>
						</tr>
						<c:forEach items="${list.changeFlihgtEWLists }" var="ewlist">
						<tr>
							<td width="180px">${ewlist.cfTime }</br>${ewlist.ddTime }</td>
							<td width="180px">${ewlist.hangBanHao }</td>
							<td width="100px">
								<c:choose>
									<c:when test="${ewlist.tdcEWai != ''}">
										<input type="radio" class="changeRadio1" mark="${ewlist.xcobxId }" title="${ewlist.tdcEWai }" onclick="changeRadio1Click(this)" name="${ewlist.tdcEWaiId }" id="${ewlist.tdcEWaiId }">
										<span>${ewlist.tdcEWai }</span>
									</c:when>
									<c:otherwise></c:otherwise>
								</c:choose>
							</td>
							<td width="100px">
								<c:choose>
									<c:when test="${ewlist.gwcEWai != ''}">
										<input type="radio" class="changeRadio1" mark="${ewlist.xcobxId }" title="${ewlist.gwcEWai }" onclick="changeRadio1Click(this)" id="${ewlist.gwcEWaiId }" name="${ewlist.gwcEWaiId }">
										<span>${ewlist.gwcEWai }</span>
									</c:when>
									<c:otherwise></c:otherwise>
								</c:choose>
							</td>
							<td width="100px">
							 	<c:choose>
									<c:when test="${ewlist.mzjjcEWai != ''}">
										<input type="radio" class="changeRadio1" mark="${ewlist.xcobxId }" title="${ewlist.mzjjcEWai}" onclick="changeRadio1Click(this)" id="${ewlist.mzjjcEWaiId }" name="${ewlist.mzjjcEWaiId }">
										<span>${ewlist.mzjjcEWai }</span>
									</c:when>
									<c:otherwise></c:otherwise>
								</c:choose>
							</td>
							<td width="100px">
								<c:choose>
									<c:when test="${ewlist.slyEWai != ''}">
										<input type="radio" class="changeRadio1" mark="${ewlist.xcobxId }" title="${ewlist.slyEWai }" onclick="changeRadio1Click(this)" id="${ewlist.slyEWaiId }" name="${ewlist.slyEWaiId }">
										<span>${ewlist.slyEWai }</span>
									</c:when>
									<c:otherwise></c:otherwise>
								</c:choose>
							</td>
							<td width="100px">
								<c:choose>
									<c:when test="${ewlist.yxpEWai != ''}">
										<input type="radio" class="changeRadio1" mark="${ewlist.xcobxId }" title="${ewlist.yxpEWai }" onclick="changeRadio1Click(this)" id="${ewlist.yxpEWaiId }" name="${ewlist.yxpEWaiId }">
										<span>${ewlist.yxpEWai }</span>
									</c:when>
									<c:otherwise></c:otherwise>
								</c:choose>
							</td>
							<td width="100px">
								<c:choose>
									<c:when test="${ewlist.klfEWai != ''}">
										<input type="radio" class="changeRadio1" mark="${ewlist.xcobxId }" title="${ewlist.klfEWai }" onclick="changeRadio1Click(this)" id="${ewlist.klfEWaiId }" name="${ewlist.klfEWaiId }">
										<span>${ewlist.klfEWai }</span>
									</c:when>
									<c:otherwise></c:otherwise>
								</c:choose>
							</td>
						</tr>
						<tr>
							<td colspan="8">
								<div class="changeContent" style="display:none;" >
									<table>
										<tbody>
											<tr>
												<th rowspan="2" width=20%>更多舱位价格</th>
												<th colspan="2" width=25%>变更手续费（每次）</th>
												<th colspan="2" width=35%>退票手续费</th>
												<th rowspan="2" width=20%>自愿签转</th>
											</tr>
											<tr>
												<th>规定时间前</th>
												<th>规定时间后</th>
												<th>规定时间前</th>
												<th>规定时间后</th>
											</tr>
										</tbody>
										<tbody data="${ewlist.tdcEWaiId}" class="changeTbody">
											<c:forEach items="${ewlist.changed3ChangeTdcList }" var="list1">
												<tr>
													<td>
														<input type="radio" class="changeRadio2"mark="${list1.xcobxId }" id="${list1.cangWeiJiaGeId }" name="${list1.cangWeiJiaGeId }"  title="${list1.cangWeiJiaGe }">
														<span>${list1.cangWeiJiaGe }</span>
													</td>
													<td>${list1.changeTimeBefore }</td>
													<td>${list1.changeTimeAfter }</td>
													<td>${list1.refundTimeBefore }</td>
													<td>${list1.refundTimeAfter }</td>
													<td>${list1.ziYuan }</td>
												</tr>
											</c:forEach>
										</tbody>
										<tbody data="${ewlist.gwcEWaiId }" class="changeTbody">
											<c:forEach items="${ewlist.changed3ChangeGwcList }" var="list2">
												<tr>
													<td>
														<input type="radio" class="changeRadio2" mark="${list2.xcobxId }" id="${list2.cangWeiJiaGeId }" name="${list2.cangWeiJiaGeId }" title="${list2.cangWeiJiaGe }">
														<span>${list2.cangWeiJiaGe }</span>
													</td>
													<td>${list2.changeTimeBefore }</td>
													<td>${list2.changeTimeAfter }</td>
													<td>${list2.refundTimeBefore }</td>
													<td>${list2.refundTimeAfter }</td>
													<td>${list2.ziYuan }</td>
												</tr>
											</c:forEach>
										</tbody>
										<tbody data="${ewlist.mzjjcEWaiId }" class="changeTbody">
											<c:forEach items="${ewlist.changed3ChangeMzjjcList }" var="list3">
												<tr>
													<td>
														<input type="radio" class="changeRadio2" mark="${list3.xcobxId }" id="${list3.cangWeiJiaGeId }" name="${list3.cangWeiJiaGeId }" title="${list3.cangWeiJiaGe }">
														<span>${list3.cangWeiJiaGe }</span>
													</td>
													<td>${list3.changeTimeBefore }</td>
													<td>${list3.changeTimeAfter }</td>
													<td>${list3.refundTimeBefore }</td>
													<td>${list3.refundTimeAfter }</td>
													<td>${list3.ziYuan }</td>
												</tr>
											</c:forEach>
										</tbody>
										<tbody data="${ewlist.slyEWaiId }" class="changeTbody">
											<c:forEach items="${ewlist.changed3ChangeSlyList }" var="list4">
												<tr>
													<td>
														<input type="radio" class="changeRadio2" mark="${list4.xcobxId }" id="${list4.cangWeiJiaGeId }" name="${list4.cangWeiJiaGeId }"  title="${list4.cangWeiJiaGe }">
														<span>${list4.cangWeiJiaGe }</span>
													</td>
													<td>${list4.changeTimeBefore }</td>
													<td>${list4.changeTimeAfter }</td>
													<td>${list4.refundTimeBefore }</td>
													<td>${list4.refundTimeAfter }</td>
													<td>${list4.ziYuan }</td>
												</tr>
											</c:forEach>
										</tbody>
										<tbody data="${ewlist.yxpEWaiId }" class="changeTbody">
											<c:forEach items="${ewlist.changed3ChangeYxpList }" var="list5">
												<tr>
													<td>
														<input type="radio" class="changeRadio2" mark="${list5.xcobxId }" id="${list5.cangWeiJiaGeId }" name="${list5.cangWeiJiaGeId }"  title="${list5.cangWeiJiaGe }">
														<span>${list5.cangWeiJiaGe }</span>
													</td>
													<td>${list5.changeTimeBefore }</td>
													<td>${list5.changeTimeAfter }</td>
													<td>${list5.refundTimeBefore }</td>
													<td>${list5.refundTimeAfter }</td>
													<td>${list5.ziYuan }</td>
												</tr>
											</c:forEach>
										</tbody>
										<tbody data="${ewlist.klfEWaiId }" class="changeTbody">
											<c:forEach items="${ewlist.changed3ChangeKlfList }" var="list6">
												<tr>
													<td>
														<input type="radio" class="changeRadio2"  mark="${list6.xcobxId }" id="${list6.cangWeiJiaGeId }" name="${list6.cangWeiJiaGeId }" title="${list6.cangWeiJiaGe }">
														<span>${list6.cangWeiJiaGe }</span>
													</td>
													<td>${list6.changeTimeBefore }</td>
													<td>${list6.changeTimeAfter }</td>
													<td>${list6.refundTimeBefore }</td>
													<td>${list6.refundTimeAfter }</td>
													<td>${list6.ziYuan }</td>
												</tr>
											</c:forEach>
										</tbody>
									</table>
								</div>
							</td>
						</tr>
						</c:forEach>
					</table>
					<div class="changedFlightInfo"  style="display:block;">${list.hpinfoTableXML }</div>
				</div>
			</div>
			</c:forEach>
			<div class="orderMX">
				<button class="nextbtn" title="下一步" >下一步</button>
			</div>
			
			
		</div>
	</div>
	<%@include file="footer2.jsp"%>
	<%@include file="footer.jsp"%>
</body>
</html>

